<template>
  <div class="common-size horizontal">
    <page-head :pageHead="pageHeadData"></page-head>
    <div class="horizontal-page-content">
      <div class="horizontal-content">
        <content-head :contentHead="contentHeadData"></content-head>
        <div class="content-container">
          <div class="horizontal-distribute-container">
            <div v-html="item" v-for="(item, index) in textData"></div>
          </div>
        </div>
      </div>
    </div>
    <page-footer :pageFooter="pageFooterData"></page-footer>
  </div>
</template>

<script>
  import pageHead from './pageHead.vue'
  import PageFooter from "./pageFooter.vue";
  import contentHead from "./contentHead.vue"
  import {nuxtMixins} from '../../assets/javascript/mixin'
  export default{
    name: 'keynote_device',
    props:['chartData'],
    mixins: [nuxtMixins],
    data () {
      return {
        pageTitle: '<span>设备特征</span><span class="en_title"> Device characteristics</span>',
        contentTitle: '重点设备分析',
        titleDescribe: ''
      }
    },
    methods: {
    },
    computed:{
      textData () {
        if(!this.chartData.textData) return
        return this.chartData.textData
      }
    },
    mounted(){
    },
    components: {
      PageFooter,
      pageHead,
      contentHead
    }
  }
</script>
<style lang="scss">
  .common-size.horizontal {
    .content-container {
      padding: 29px;
      height: 452px;
    }
  }
</style>
